<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="/jQuery_class_stu/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	//비동기 요청 - url - /jQueryServlet - 응답 : JSON 문자열
	/*
	$.getJSON("URL", "요청 파라미터", callback함수) - 요청 파라미터 : 쿼리 스트링, JS 객체
	*/
	$.getJSON("/jQuery_class_stu/jQueryServlet", {"cmd":"getMemberByIdJSON", "id":"abc"}, callback);
});
/*
 * callback함수의 매개변수(2, 3은 생략 가능)
 * 1. 응답 데이터 - JS객체(JSON문자열 -> JS객체)
 * 2. 응답 상태 메세지
 * 3. XMLHttpRequest객체(jqXHR - jQuery용)
 */
function callback(resData){
	//alert(resData);
	var txt = resData.id + "<br>" + resData.name + "<br>" + resData.mileage;
	$("#first").html(txt);
	
}
</script>
</head>
<body>
	<input type="button" value="클릭1" id="btn">
	<div id="first"></div>
</body>
</html>
